/**
 * 发表文章时用到的JavaScript 文本编辑器的设置
 */

/** *******************************富文本编辑器********************************************** */

layui.use('layedit', function() {
	var layedit = layui.layedit;
	layedit.set({
		uploadImage : {
			url : '/fileControll/uploadFile.do',
			type : 'POST',
		}
	});
	var edit=layedit.build('L_content', {
		height : 1000,
		tool : [ 'strong' // 加粗
		, 'italic' // 斜体
		, 'underline' // 下划线
		, 'del' // 删除线

		, '|' // 分割线

		, 'left' // 左对齐
		, 'center' // 居中对齐
		, 'right' // 右对齐
		, 'link' // 超链接
		, 'unlink' // 清除链接
		, 'face' // 表情
		, 'image' // 插入图片
		]
	}); // 建立编辑器

	/** **************************form表单提交********************************* */
	// form
	var label = '';
	var category = '';
	var permission='';
	layui.use('form', function() {
		var form = layui.form;
		// 自定义验证 用于将富文本编辑器中的文本同步到text area中
		form.verify({
			content : function(value) {
				return layedit.sync(edit);
			}
		});
		form.on('select(B_label)', function(data) {
			label = data.value;
			if ("视频" == label) {
				if(category=="downLoadEssay"){
					layer.alert('请重新选择类别', function(index) {
						layer.close(index);
						return false;
					});
				}else{
					$("#upvideo").removeClass("layui-hide");
					$("#uploadvideobtn").removeClass("layui-hide");
					$("#downloadFileB").addClass("layui-hide");//上传文件列表button
					$("#downLoadFileListF").addClass("layui-hide");//动态生成的文件列表div
				}
			} else {
				$("#upvideo").addClass("layui-hide");
				$("#uploadvideobtn").addClass("layui-hide");
			}
		});
		
		//权限
		form.on('select(B_permission)', function(data) {
			permission = data.value;
		});
		// 种类获取
		form.on('select(B_category)', function(data) {
			category = data.value;
			if(category=="commonEssay"){
				$("#downLoadEssay").addClass("layui-hide");//文章下载积分输入框
				$("#downloadFileB").addClass("layui-hide");//上传文件列表button
				$("#downLoadFileListF").addClass("layui-hide");//动态生成的文件列表div
				$("#commonEssay").removeClass("layui-hide");//文章真实等级默认框
				$("#commonEssayF").removeClass("layui-hide");//富文本编辑器  输入域
			}else if(category=="downLoadEssay"){
				if(label=="视频"){
					layer.alert('请重新选择标签', function(index) {
						layer.close(index);
						return false;
					});
				}else {
					$("#commonEssay").addClass("layui-hide");
					$("#commonEssayF").addClass("layui-hide");	
					$("#downloadFileB").removeClass("layui-hide");
					$("#downLoadFileListF").removeClass("layui-hide");
					$("#downLoadEssay").removeClass("layui-hide");
				}
			}
		});


		// 提交验证
		form.on('submit(submit)', function() {
			layer.confirm('确认发布后只可删除，不可修改，确认发布吗', function(index) {
				var title = $('#L_title').val();
				var integration = $('#B_integration').val();
				var content = layedit.getContent(edit);
				$.ajax({
					type : 'POST',
					url : '/essay/essaypublish.do',
					traditional : true,
					data : {
						label : label,
						category : category,
						permission:permission,
						integration:integration,
						title : title,
						content : content,
					},
					success : function(res) {
						if (res == "success") {
							layer.alert('发布成功,点击跳转到用户中心', function(index) {
								window.location.href = "/user/userindex.do";
								layer.close(index);
							});
						} else if (res == "false") {
							layer.alert('服务器好像出错了,请重新填写', function(index) {
								location.reload();
								layer.close(index);
							});
						} else if (res == "unlogin") {
							layer.alert('未登录或登录已过期，请重新登录', function(index) {
								window.location.href = "/login.html";
								layer.close(index);
							});
						}
					}
				});
				layer.close(index);
			});
			return false;
		});
	});

});// 建立编辑器
/** *************************************************************************** */
layui.use('element', function() {
	var element = layui.element;
});
/** **************************视频上传************************************************ */
layui.use('upload', function() {
	var $ = layui.jquery, upload = layui.upload;
	upload.render({
		elem : '#uploadvideobtn',
		url : '/fileControll/uploadVideo.do',
		accept : 'video',// 视频
		done : function(res) {
			var filepath=res.filepath;
			if (res.code == 0) { // 上传成功
				layer.msg("视频上传成功", {
					icon : 1,
					time : 500
				}, function() {
					$("#upvideo").addClass("layui-hide");
					$("#uploadvideobtn").addClass("layui-hide");
					var $newElement=$('<hr class="layui-bg-green"><video  src='+filepath+'  controls="controls"  width="100%" height="300px">您的浏览器不支持 video 标签。 </video>');
					$("#videoContent").append($newElement);//将加入的video显示到页面上
				});
			} else {
				layer.msg("服务器好像出错了，请稍后重试", {
					icon : 2,
					time : 500
				});
			}
		}
	});
	
	  //多文件列表示例
	  var demoListView = $('#downLoadFileList')
	  ,uploadListIns = upload.render({
	    elem: '#downloadFileB'
	    ,url: '/fileControll/upAndDownFile.do'
	    ,accept: 'file'
    	,exts: 'zip|rar|7z|doc|docx|txt|xls|csv|xlsx|html|jsp|jar'
	    ,multiple: true
	    ,auto: false
	    ,choose: function(obj){   
	      var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
	      //读取本地文件
	      obj.preview(function(index, file, result){
	        var tr = $(['<tr id="upload-'+ index +'">'
	          ,'<td>'+ file.name +'</td>'
	          ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
	          ,'<td>等待上传</td>'
	          ,'<td>'
	            ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
	            ,'<button class="layui-btn layui-btn-xs demo-upload">上传</button>'
	            ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
	          ,'</td>'
	        ,'</tr>'].join(''));
	        
	        //单个重传
	        tr.find('.demo-reload').on('click', function(){
	          obj.upload(index, file);
	        });
	        //单个上传
	        tr.find('.demo-upload').on('click', function(){
	          obj.upload(index, file);
	        });
	        
	        //删除
	        tr.find('.demo-delete').on('click', function(){
	          delete files[index]; //删除对应的文件
	          tr.remove();
	          uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
	        });
	        
	        demoListView.append(tr);
	      });
	    }
	    ,done: function(res, index, upload){
	      if(res.code == 0){ //上传成功
	        var tr = demoListView.find('tr#upload-'+ index)
	        ,tds = tr.children();
	        tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
	        tds.eq(3).html(''); //清空操作
	        return delete this.files[index]; //删除文件队列已经上传成功的文件
	      }
	      this.error(index, upload);
	    }
	    ,error: function(index, upload){
	      var tr = demoListView.find('tr#upload-'+ index)
	      ,tds = tr.children();
	      tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
	      tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
	      tds.eq(3).find('.demo-upload').addClass('layui-hide'); //隐藏上传
	    }
	  });
});
